.carousel-item, .bg-cover{
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
min-height:60vh;}
.fader{position:relative;}
.rating li{display:inline-block;}
.nav-item.category{position:relative;}
header.jumbotron{margin-bottom:0;}
/* carousel from dashboard design*/
.carousel-container .indicators-image .carousel-indicators {  margin: 0;}
.carousel-container .under .carousel-indicators {  bottom: -90px;}
.w-101 {width: 100%;}
.carousel-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.carousel .panel-inner
.carousel-container  .indicators-image .carousel-indicators {margin: 0;}
.carousel-body.under {float: left;padding-bottom: 90px;}
.carousel-inner{background-color: transparent;}
.list #R-carousel .carousel-item{height:40vw; min-height:256px; max-height:680px;}
.details .carousel-item{  height:40vh;}
.carousel-item, .bg-cover{
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;}

.details .site-section{background-color: #FFF;position:relative;}
.carousel-panel .panel-inner  {
  background-position: top;
  background-size: cover;
background-repeat: no-repeat;}
.hero-image-cover , .hero-image-cover .row, {
background-attachment:fixed;
min-height: 600px;
height: calc(30vh); overflow:hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: top;
width: 100%;
margin: 0;
padding: 0;
color: white;
text-align: center;
font-size: 50px;
}
.carousel-caption {
  transform: translateY(-60%);
  bottom: 0;
  top: 60%;
}